<template>
  <div id="app">
    <router-view name="home"></router-view>
    <router-view name="header_bar"></router-view>
    <router-view name="no"></router-view>
    <router-view name="intro_panel"></router-view>
    <router-view name="sys"></router-view>
    <router-view name="sys_panel"></router-view>
    <router-view name="register" ></router-view>
    <router-view name="register_panel" ></router-view>
    <router-view name="product"></router-view>
    <router-view name="product_panel"></router-view>
    <router-view name="foot_bar"></router-view>
    <router-view></router-view>
  </div>
</template>


<script>

  export default {
    name: 'app'
  }
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  @import '../static/css/main.css';
  @import '../static/css/font-awesome.min.css';
  body {
    background:#f8f8f9 none repeat scroll 0 0;
  }
</style>
